/*清除样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} 
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal} 
ol,ul {list-style:none} 
caption,th {text-align:left} 
/*h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal} */
q:before,q:after {content:''} 
abbr,acronym { border:0}
a{text-decoration: none;}
body{font-size: 14px;font-family: "微软雅黑"; color: #333;}
.clearfix{clear:both;}
/*荧幕*/
.ym-bg{
	width: 100%;
	height: 36px;
	background: #333;
}
.ym{
	width: 1090px;
	margin: 0 auto;
}
.ym-left{
	float: left;
	color: #fff;
	line-height: 36px;
}
.ym-right{
	width: auto;
	height: 36px;
	float: right;
}
.ym-right ul{
	width: auto;
	line-height: 36px;
}
.ym-right ul li{
	float: left;
	margin: 0 5px;
}
.ym-right ul li a{
	display: block;
	color: #fff;
}
.logo-bg{
	width: 1090px;
	margin: 0 auto;
	margin-top: 20px;
}
.logo{
	width: auto;
	height: 88px;
	float: left;
}
.logo img{
	height: 88px;
}
.search{
	float: right;
	margin-top: 68px;
}
.search input[type="text"]{
	width: 252px;
	border: none;
	height: 20px;
	border-bottom: 1px solid #2698f9;
	outline: none;
	color: #999;
	font-size: 12px;
	padding-left: 10px;
}
.search input[type="submit"]{
	width: 20px;
	height: 20px;
	background: url(../img/ss.png);
	border: none;
	outline: none;
}
.nav-bg{
	width: 1080px;
	height: auto;
	margin:  0 auto;
	margin-top: 35px;
}
.nav{
	width: 1080px;
	height: auto;
}
.nav ul{
	width: auto;
	height: auto;
	margin: 0 auto;
}
.nav ul li{
	width: auto;
	float: left;
	height: 30px;
	font-size: 18px;
	margin: 0 24px;
}
.nav ul li a{
	color: #333;
}
.nav ul li a:hover{
	display: block;
	width: auto;
	height: 30px;
	color: #0086f8;
	border-bottom: 2px solid #0086F8;
}
/* banner */
.flexslider {position: relative;width: 100%;height:750px;overflow: hidden; margin-top: 20px;}
.flexslider .slides li {width: 100%;height: 100%;}
.flexslider .slides img {
	width: 1920px;
	height: 750px;
	position: absolute;
	left: 50%;
	margin-left: -960px;
}

.flex-direction-nav a {
	width: 30px;
	height: 30px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
/*	background: url(../images/ad_ctr.png) no-repeat;*/
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 15px;
}
.flex-direction-nav .flex-next {background-position:0 -30px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;	filter: alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}
.flex-control-nav {width: 97%;position: absolute;bottom: 10px;text-align: center;}
.flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {
/*	background: url(../images/dot.png) no-repeat -14px 0px;*/
	display: block;height: 10px;overflow: hidden;width: 10px;cursor: pointer;
/*	background: #e10400;*/
border-radius: 10px;
	background: #fff;
}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position:-2px 0;
	background: rgb(0, 134, 248);
}
.cp-bg{
	width: 1090px;
	height: auto;
	margin: 0 auto;
	margin-top: 60px;
}
.cp-title h2{
	font-size: 32px;
	float: left;
	color: #333;
}
.cp-title h6{
	font-weight: normal;
	font-size: 18px;
	float: left;
	margin-top: 21px;
	margin-left: 20px;
	font-family: "arial narrow";
	color: #666;
	text-transform: uppercase;
}
.cp-title a{
	color: #333;
	font-size: 18px;
	line-height: 42px;
	float: right;
}
.cp-title a:hover{
	color: #45a7fb;
}
.cp-fl{
	margin-top: 20px;
	line-height: 30px;
}
.cp-fl ul li{
	float: left;
	margin-right: 5px;
}
.cp-fl ul li a{
	color: #333;
}
.cp-fl ul li a:hover{
	color: #45a7fb;
}
.cp{
	width: 1090px;
	height: auto;
	margin: 0 auto;
	margin-top: 20px;
}
.cp ul li{
	width: 208px;
	height: 140px;
	float: left;
	margin: 0 5px;
}
.cp-t{
	position: relative;
	width: 208px;
	height: 140px;
}
.cp img{
	display: block;
	width: 100%;
	height: 100%;
}
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(2,2,2,0.4);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}
.cp-t:hover .overlay {
  height: 100%;
}
.text {
  white-space: nowrap; 
  color: white;
  font-size: 14px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.ck{
	width: 160px;
	height: 40px;
	margin: 0 auto;
	margin-top: 30px;
}
.gy-bg{
	width: 100%;
	height: 423px;
	margin-top: 60px;
	background: url(../img/bg.png) no-repeat;
	background-size: 65% 100%;
}
.gy{
	width: 1090px;
	height: auto;
	margin: 0 auto;
	z-index: 1000;
}
.zz{
	height: 20px;
}
.gy-title h2{
	font-size: 32px;
	float: left;
	color: #333;
}
.gy-title h6{
	font-weight: normal;
	font-size: 18px;
	float: left;
	margin-top: 21px;
	margin-left: 20px;
	font-family: "arial narrow";
	color: #666;
	text-transform: uppercase;
}
.gy-title a{
	color: #333;
	font-size: 18px;
	line-height: 42px;
	float: right;
}
.gy-pt{
	width: 460px;
	height: 310px;
	float: left;
	margin-top: 30px;
}
.gy-pt img{
	width: 100%;
	height: 310px;
}
.gy-mc{
	width: auto;
	height: auto;
	float: left;
	margin-top: 30px;
	margin-left: 80px;
}
.gy-mc a{
	color: #333;
	font-size: 28px;
	letter-spacing: 0.25em;
}
.gy-js{
	width: 551px;
	height: 179px;
	float: left;
	margin-left: 68px;
	margin-top: 20px;
	line-height: 26px;
	font-size: 16px;
	word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 7; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
    text-indent: 2em;
}
.gy-js p{
	
}
.xq{
	float: left;
	margin-left: 68px;
	margin-top: 58px;
}
.xq a{
	color: #333;
}.xq a:hover{
	color: #45a7fb;
}
.al-bg{
	width: 1090px;
	height: auto;
	margin: 0 auto;
	margin-top: 60px;
}
.al{
	width: 1080px;
	height: auto;
	margin: 0 auto;
	margin-top: 30px;
}
.al ul li{
	width: 340px;
	height: 438px;
	float: left;
	margin-left: 10px;
	border: 4px solid #0086f8;
}
.imgz{
	width: 320px;
	height: 240px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 10px;
}
.imgz img{
	height: 100%;
}
.al-b{
	display: block;
	margin-top: 10px;
	font-size: 22px;
	color: #0086f8;
	text-align: center;
}
.al-x{
	width: 50px;
	height: 1px;
	background: #0086F8;
	margin: 0 auto;
	margin-top: 19px;
}
.al-js{
	width: 320px;
	height: 38px;
	margin: 0 auto;
	margin-top: 30px;
	font-size: 14px;
	color: #999;
	word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
    text-indent: 2em;
}
.al-gd{
	width: 110px;
	height: 30px;
	background: #0086F8;
	margin: 0 auto;
	line-height: 30px;
	text-align: center;
	margin-top: 20px;
}
.al-gd a{
	color: #fff;
}
.xw-bg{
	width: 1090px;
	height: auto;
	margin: 0 auto;
	margin-top: 60px;
}
.xw-gs{
	width: 505px;
	height: auto;
	float: left;
	margin: 30px 20px 0;
}
.xw-sx{
	width: 2px;
	height: 19px;
	background: #0086F8;
	float: left;
}
.xw-bt{
	float: left;
	margin-left: 10px;
	font-size: 14px;
}
.xw-gd{
	float: right;
}
.xw-gd a{
	color: #666;
}
.xw-img{
	width: 505px;
	height: 220px;
	overflow: hidden;
	margin-top: 20px;
}
.xw-img img{
	width: 100%;
}
.xw-nr{
	width: 100%;
	height: auto;
}
.xw-nr ul li{
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px dashed #333;
}
.xw-nr ul li a{
	display: block;
	float: left;
	margin-left: 10px;
	color: #333;
}
.xw-nr ul li a:hover{
	color: #45a7fb;
}
.xw-nr ul li p{
	float: right;
}
.xw-nr ul li img{
	float: left;
	margin-top: 14px;
}
.lx-bg{
	width: 100%;
	height: 520px;
	background: #f2f2f2;
	margin-top: 60px;
}
.lx-bga{
	width: 100%;
	height: 52px;
}
.lx{
	width: 1090px;
	height: 416px;
	background: #fff;
	margin: 0 auto;
	border-radius: 20px;
}
.lx-bgz{
	width: 100%;
	height: 41px;
}
.lx-left{
	width: 307px;
	height: 334px;
	float: left;
	margin-left: 20px;
}
.lx-xx ul li{
	width: 307px;
	height: 61px;
	margin: 22px 0;
}
.lx-xx ul li img{
	float: left;
	margin-top: 8px;
}
.lx-xx ul li h6{
	font-size: 14px;
	color: #333;
	margin-left: 55px;
	font-weight: normal;
}
.lx-xx ul li p{
	width: 252px;
	margin-left: 55px;
	font-size: 12px;
	margin-top: 10px;
	color: #999;
}
.lx-sx{
	width: 1px;
	height: 334px;
	float: left;
	background: #dbdbdb;
	margin-left: 36px;
}
.lx-right{
	width: 570px;
	height: 334px;
	float: left;
	margin-left: 79px;
}
.lx-title h2{
	font-size: 34px;
	float: left;
	color: #0086f8;
}
.lx-title h6{
	font-weight: normal;
	font-size: 18px;
	float: left;
	margin-top: 21px;
	margin-left: 20px;
	font-family: "arial narrow";
	color: #0086f8;
	text-transform: uppercase;
}
.lx-ly{
	width: 570px;
	height: auto;
	margin-top: 12px;
}
.lx-ly form{
	width: 570px;
	height: auto;
	overflow: hidden;
	margin: auto;
}
.lx-ly div{
	width: 570px;
	height: auto;
	overflow: hidden;
	margin-bottom: 10px;
}
.lx-ly div input[type="text"]{
	width: 558px;
	height: 40px;
	outline: none;
	line-height: 40px;
	background: #fff;
	color: #555;
	font-size: 14px;
	padding-left: 10px;
	line-height: 40px;
	border: 1px solid #dbdbdb;
}
.lx-ly div textarea{
	width: 558px;
	padding-left: 10px;
	line-height: 28px;
	outline: none;
	height: 56px;
	color: #555;
	font-size: 14px;
	border: 1px solid #dbdbdb;
	font-family: "微软雅黑";
}
#in-mes-cap input{
	width: 246px;
	float: left;
}
#in-mes-cap img{
	margin-left: 10px;
	max-height: 40px;
	float: left;
}
.lx-ly div input[type="submit"]{ 
	width: 130px;
	height: 40px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	border: none;
	background: #0086f8;
	cursor: pointer;
	border-radius: 10px;
}
.db-bg{
	width: 100%;
	height: 230px;
	background: url(../img/dbbg.png);
}
.db{
	width: 1090px;
	height: auto;
	margin: 0 auto;
}
.bottm-beian{
	color: #fff;
	line-height: 40px;
	font-size: 16px;
	padding-top: 10px;
}
.bottm-beian a{
	text-decoration: none;
	color: #fff;
}